<!-- views/generalview/gridComponent.vue -->
<template>
  <div>
    <a-row :gutter="12" style="height: 410px">
      <a-col :span="8">
        <!-- 电站信息 -->
        <cardOne />
      </a-col>
      <a-col :span="8">
        <!-- 发电实时 -->
        <cardTwo />
        <!-- 累计发电量 -->
        <cardThree />
      </a-col>
      <a-col :span="8">
        <!-- 当日发电量 -->
        <cardFour />
        <!-- 当月发电量 -->
        <cardFive />
        <!-- 当年发电量 -->
        <cardSix />
      </a-col>
    </a-row>
  </div>
</template>

<script setup lang="ts">
import cardOne from './components/card-one.vue'
import cardTwo from './components/card-two.vue'
import cardThree from './components/card-three.vue'
import cardFour from './components/card-four.vue'
import cardFive from './components/card-five.vue'
import cardSix from './components/card-six.vue'
</script>